import React from 'react'
import Shop from '../../container/merchantInfo/shop'
import Evaluate from '../../container/merchantInfo/evaluate'
import Seller from '../../container/merchantInfo/seller'
import { Tabs, WhiteSpace, Badge } from 'antd-mobile';

const tabs = [
  { title: <Badge text={'3'}>点餐</Badge> },
  { title: <Badge text={'今日(20)'}>评价</Badge> },
  { title: <Badge dot>商家</Badge> },
];

const MiddelTab = () => (
  <div className="middelTab">
    <Tabs tabs={tabs}
      initialPage={0}
      onChange={(tab, index) => {}}
      onTabClick={(tab, index) => {}}
    >
      <div className="updateOrder">
      <Shop/>
      </div>
      <div className="updateOrder">
      <Evaluate/>
      </div>
      <div className="updateOrder3">
      <Seller/>
      </div>
    </Tabs>
    <WhiteSpace />
  </div>
);

export default MiddelTab;
